<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<include file="Public:header" />
<style>
.class_login {
	height: 26px;
}

.left_space li:hover {
	background: #F5FFFA
}

.left_space li a {
	color: #666;
}

.left_space .title {
	font: 14px/20px "Arial Black", Gadget, sans-serif;
	height: 20px;
	padding: 6px 15p;
	background: #fff;
	border-bottom: 1px solid #eaeaea;
}

.left_space {
	text-align: center
}

.post-item {
	line-height: 28px;
	padding: 0px;
	margin: 0px;
}

.post-message {
	margin-left: 40px;
}

.post-tips {
	font-size: 12px;
	font-family: sans-serif;
	color: #666;
	padding-left: 8px;
}

.jz-item-i ul {
	height: 100%
}

.info-item {
	margin-left: 28px;
}
.Validform_error {
    background-color: #ffe7e7;
}
.Validform_wrong {
    background: rgba(0, 0, 0, 0) url("images/error.png") no-repeat scroll left center;
    color: red;
    padding-left: 20px;
    white-space: nowrap;
}
</style>
</head>
<body>
	<include file="Public:nav_site" />
	<div id="content" class="wrapper">
		<div class="mainbar fl"
			style="overflow: hidden; margin-top: 15px; width: 960px;">
			<div class="jz-item-i" style="width: 180px;">
				<h3 class="title">个人中心</h3>
				<ul style="padding: 0px" class="left_space">
					<li class="title"><a
						href="http://www.jianzhiku.com/h-sjz/companyshow/9371"
						target="_blank">发布信息</a></li>
					<li class="title"><a
						href="http://www.jianzhiku.com/h-sjz/companyshow/9371"
						target="_blank">历史发布</a></li>

					<li class="title"><a
						href="http://www.jianzhiku.com/h-sjz/companyshow/9351"
						target="_blank">个人信息</a></li>

					<li class="title"><a
						href="http://www.jianzhiku.com/h-sjz/companyshow/9249"
						target="_blank">我的简历</a></li>

					<li class="title"><a
						href="http://www.jianzhiku.com/h-sjz/companyshow/9240"
						target="_blank">充值管理</a></li>

					<li class="title"><a
						href="http://www.jianzhiku.com/h-sjz/companyshow/9211"
						target="_blank">帐号安全</a></li>
				</ul>
			</div>
			<div class="jz-item-i" style="width: 675px;">
				<div>

					<h2
						style="font-family: Arial Black, Gadget, sans-serif; margin-left: 20px; margin-top: 5px;">免费发布兼职信息：</h2>
					<form action="" method="post" id="btn-msg">
						<ul class="post-message">

							<li class="post-message-li"
								style="line-height: 32px; height: 32px">信息标题：<input
								class="post-item"  datatype="*2-80" sucmsg=" " errormsg="标题长度不超过40个字符！" nullmsg="标题不能为空！" style="width: 280px;" name="title" /> <span
								class="post-tips Validform_checktip "></span>
							</li>
							<li class="post-message-li"
								style="line-height: 33px; height: 33px">职位类别：<select
								class="post-item" style="height: 28px; width: 120px;">
									<volist name="categorys" id="vo">
									<option value="{$vo.id}">{$vo.title}</option>
									</volist>
							</select>
							</li>
							<li class="post-message-li"
								style="line-height: 33px; height: 33px">信息来源：<select
								class="post-item" name="message_from"
								style="height: 28px; width: 120px;">
									<option value="1">企业直招</option>
									<option value="2">个人发布</option>
									<option value="3">中介推荐</option>

							</select>
							</li>
							<li><ul>
								</ul></li>
							<li class="post-message-li"
								style="line-height: 200px; height: 220px">详细描述：<textarea
									datatype="*10-10000" errormsg="详细描述必须大于10个字符" sucmsg=" " name="content" rows="8" cols="80"></textarea>
									<span class="post-tips Validform_checktip "></span>
							</li>
							<li style="height: 128px; line-height: 128px">
								<ul style="padding-left: 3px;" class="myinfo">
									<li style="line-height: 28px; height: 28px" class="info-title">联系信息(<span
										class="post-tips" style="color: red">以下3种必填一种</span>)
									</li>
									<li style="line-height: 28px; height: 28px;" class="info-item">Q&nbsp;Q：<input
										errormsg="请填写正确的QQ号"   datatype="qq"  class="qq" sucmsg=" "	ignore="ignore"  name="qq" /></li>
									<li style="line-height: 28px; height: 28px;" class="info-item">邮箱：<input
										name="email"   class="email" datatype="e"	 ignore="ignore" 	errormsg="请填写正确的邮箱地址"  sucmsg=" " /></li>
									<li style="line-height: 28px; height: 28px;" class="info-item">手机：<input
											ignore="ignore"    datatype="m" class="mobile"  errormsg="请填写正确的手机号"  sucmsg=" " name="mobile" /></li>
								</ul>

							</li>
							<li class="post-message-li"
								style="line-height: 32px; height: 32px; margin-bottom: 5px;">信息归属：
								<select id="province" name="provice"
								style="line-height: 30px; height: 30px">
									<volist name="citys.province" id="v1">
									<option value="{$v1.region_id}">{$v1.region_name}</option>
									</volist>
							</select>省 <select id="citys" style="line-height: 30px; height: 30px"
								name="city">
									<volist name="citys.citys" id="v1">
									<option value="{$v1.region_id}">{$v1.region_name}</option>
									</volist>
							</select>市 <select id="country" style="line-height: 30px; height: 30px"
								name="country">
									<volist name="citys.country" id="v1">
									<option value="{$v1.region_id}">{$v1.region_name}</option>
									</volist>
							</select>

							</li>
							<li class="post-message-li"
								style="line-height: 32px; height: 32px">联系地址：<input
								class="post-item"  datatype="*2-120" errormsg="请填写联系地址！" nullmsg="联系地址不能为空！" sucmsg=" "  style="width: 280px;" name="address" /> <!-- <span
								class="post-tips">地图标点</span> -->
								<span class="post-tips Validform_checktip "></span>
							</li>
							<li class="post-message-li"
								style="line-height: 32px; height: 45px; margin: 25px;"><button
									class="post-item" style="width: 280px;" id="post-msg-btn"
									type="button" value="确定发布">确定发布</button></li>
						</ul>
					</form>
				</div>
			</div>
		</div>
		<!-- footer -->
		<include file="Public:footer" />
		<script src="__PUBLIC__/js/Validform_v5.3.2.js"></script>
		<script>
		function getCountrys(ids) {
			$.post("{:U('post/area')}", {
				region : ids
			}, function(d) {
				$("#country").html(d);
			}, "JSON")
		}
			$(function() {
				$("#province").on('change', function() {
					$.post("{:U('post/area')}", {
						region : $(this).val()
					}, function(d) {
						$("#citys").html(d);
						var ids = $('#citys').first('option').val()
						getCountrys(ids);
					}, "JSON");
					//更改城市
					//alert($('#citys').first('option').val());

				})
				$("#citys").on('change', function() {
					getCountrys($(this).val());
				})
		//表单验证
				$("#btn-msg").Validform({
					btnSubmit : "#post-msg-btn",
					tiptype : 4,
					postonce : true,
					ajaxPost : true,
					//tipSweep:true,
					datatype : {
						       "qq":/^\d{5,12}$/,
								"*6-20" : /^[^\s]{6,20}$/,
								"z2-4" : /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,4}$/,
								"username" : function(gets, obj, curform,regxp) {
										//参数gets是获取到的表单元素值，obj为当前表单元素，curform为当前验证的表单，regxp为内置的一些正则表达式的引用;
										var reg1 = /^[\w\.]{4,16}$/, reg2 = /^[\u4E00-\u9FA5\uf900-\ufa2d]{2,8}$/;

										if (reg1.test(gets)) {
											return true;
										}
										if (reg2.test(gets)) {
											return true;
										}
										return false;

										//注意return可以返回true 或 false 或 字符串文字，true表示验证通过，返回字符串表示验证失败，字符串作为错误提示显示，返回false则用errmsg或默认的错误提示;
								},
								"phone" : function() {
										// 5.0 版本之后，要实现二选一的验证效果，datatype 的名称 不 需要以 "option_" 开头;	
									}
								},
								/* usePlugin : {
									swfupload : {},
									datepicker : {},
									passwordstrength : {},
									jqtransform : {
										selector : "select,input"
									}
								}, */
								beforeCheck : function(curform) {
									//在表单提交执行验证之前执行的函数，curform参数是当前表单对象。
									//这里明确return false的话将不会继续执行验证操作;	
								},
								beforeSubmit : function(curform) {
									if($('.mobile').val()==""&&$('.qq').val()==""&&$('.email').val()=="") {
										$('.qq').addClass('Validform_error').focus();
										$('.qq').next('.Validform_checktip').addClass("Validform_wrong").html("qq邮箱手机必填一种!");
										return false;
									}
									//在验证成功后，表单提交前执行的函数，curform参数是当前表单对象。
									//这里明确return false的话表单将不会提交;	
								},
								callback : function(data) {
									if(data.status=="y"){
										if(confirm("发布成功！")){
											 location.href="{:U('space/index')}";
										}else{
											alert("发布失败！");
										}
									}
									//返回数据data是json对象，{"info":"demo info","status":"y"}
									//info: 输出提示信息;
									//status: 返回提交数据的状态,是否提交成功。如可以用"y"表示提交成功，"n"表示提交失败，在ajax_post.php文件返回数据里自定字符，主要用在callback函数里根据该值执行相应的回调操作;
									//你也可以在ajax_post.php文件返回更多信息在这里获取，进行相应操作；
									//ajax遇到服务端错误时也会执行回调，这时的data是{ status:**, statusText:**, readyState:**, responseText:** }；

									//这里执行回调操作;
									//注意：如果不是ajax方式提交表单，传入callback，这时data参数是当前表单对象，回调函数会在表单验证全部通过后执行，然后判断是否提交表单，如果callback里明确return false，则表单不会提交，如果return true或没有return，则会提交表单。
								}
							});
				
				
			})
			

		
	
		</script>
</body>
</html>